<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./css/04.css">
</head>
<body>
    <div class="box">

        <!-- 头部 -->

        <div class="header">
            <div class="hea">
                <div class="h1">
                    <img src="./img/index-logo.png" alt="">
                </div>
                <div class="h2">
                    <ul>
                        <li>首页 |</li>
                        <li>产品中心 |</li>
                        <li>新闻中心 |</li>
                        <li>公司介绍 |</li>
                        <li>联系我们</li>
                    </ul>
                </div>
                <div class="h3">
                    <div class="span1">
                        <span>登录</span>
                        <span>注册</span>
                        <span>购物车</span>
                    </div>
                    <div class="span2">
                        <span>我的订单 |</span>
                        <span>帮助中心</span>
                    </div>
                </div>
            </div>
        </div>

       

        <!-- body部分 -->
        
        <div class="main">
            <div class="ma">
                <div class="m">
                    <div class="map">
                        <img src="./img/linxi.png" alt="">
                    </div>
                    <div class="address">
                        <div>
                            <span>
                                <img src="./img/icon3.png" alt="">
                            </span>
                                tel：800-8888999
                        </div>
                        <div>
                            <span>
                                <img src="./img/icon2.png" alt="">
                            </span>
                                地址：太原市小店区平阳路库克公司
                        </div>
                        <div>
                            <span>
                                <img src="./img/icon.png" alt="">
                            </span>
                                e-mail：1112226@123.com
                        </div>
                        <div>传真：1188222</div>
                        <div>客服在线：11585223552</div>
                        <div>公司官方QQ：115577223</div>
                        <div>公司官方微博：1122345.vb</div>
                    </div>
                </div>
            </div>
        </div>
     
        <!-- footer部分 -->
       
        <div class="footer">
            <div class="foo">
                <div>
                    <span>首页 |</span>
                    <span>产品中心 |</span>
                    <span>新闻中心 |</span>
                    <span>公司介绍 |</span>
                    <span>联系我们</span>
                </div>
                <div>
                    <span>HAKKA相关站点链接：LIV |</span>
                    <span>黑客自行车 |</span>
                    <span>单车运动 |</span>
                    <span>基金会 |</span>
                    <span>全国加盟</span>
                </div>
                <div>
                    <span>版权：xxxxx xxxxxxxxxxxxxxxxxx公司</span>
                </div>
            </div>
        </div>

    </div>
</body>
</html>